<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../jquery-3.3.1/jquery-3.3.1.js"></script>
    <script type="text/javascript" src="../bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <link rel="stylesheet" href="../bootstrap-3.3.7-dist/css/bootstrap.css">
</head>
<style>
   .container1  div{
        border: 1px solid red;
        text-align: center;
    }
    .table-hover > tbody > tr:hover {
        background-color:#ff6700;
    }
</style>
<body>
<div class="container container1 text-center" style="border: 1px solid red;" >
    <div class="row">
        <div class="col-md-4 col-xs-4"> <input type="button" class="btn btn-danger" value="按钮"></div>
        <div class="col-md-4 col-xs-4"><input type="button" class="btn btn-block" value="按钮"></div>
        <div class="col-md-4 col-xs-4"><input type="button" class="btn btn-default" value="按钮"><br></div>
    </div>
   <div class="row">
       <div class="col-md-3 col-xs-3"> <input type="button" value="普通按钮1"  class="btn btn-default"><br></div>
       <div class="col-md-3 col-xs-3"> <input type="button" value="普通按钮2"  class="btn btn-primary"><br></div>
       <div class="col-md-3 col-xs-3"><input type="button" value="普通按钮3"  class="btn btn-danger"><br></div>
       <div class="col-md-3 col-xs-3"><input type="button" value="普通按钮4"  class="btn btn-success"><br></div>
   </div>
    <div class="row">
        <div class="col-md-6 col-xs-6"><input type="button" value="普通按钮5"  class="btn btn-info"><br></div>
        <div class="col-md-6 col-xs-6"><input type="button" value="普通按钮6"  class="btn btn-warning"><br></div>
    </div>

</div>
<br><br>
<div class="container">
    <form action="" >
        <div class="form-group">
            <label for="name">姓名</label>
            <input type="text" id="name" class="form-control" width="40%">
        </div>
        <div class="form-group" >
                <label for="pwd">密码</label>
                <input type="text"  class="form-control" id="pwd">

        </div>
        <div class="form-group">
            <label >性别</label>
            <input type="radio" id="sex" name="sex"><label for="sex"></label>
            <input type="radio" id="sex" name="sex"><label for="sex"></label>
        </div>
    </form>
</div>
<br><br>
<img src="../img/1.jpg" alt=""class="img-responsive img-circle " width="20%" >
<br><br>
<div class="container">
    <table class="table table-striped table-bordered table-hover">
        <tr>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
        </tr>
        <tr>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
        </tr>
        <tr>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
        </tr>
        <tr>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
        </tr>
        <tr>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
        </tr>
        <tr>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
        </tr>
        <tr>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
        </tr>
        <tr>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
            <td>qq</td>
        </tr> <tr>
        <td>qq</td>
        <td>qq</td>
        <td>qq</td>
        <td>qq</td>
        <td>qq</td>
        <td>qq</td>
    </tr>
        <tr>
        <td>qq</td>
        <td>qq</td>
        <td>qq</td>
        <td>qq</td>
        <td>qq</td>
        <td>qq</td>
    </tr>


    </table>
</div>
</body>
</html>